html,
body {
    margin: 0;
    padding: 0;
    font-family: var(--ant-font-family);
}

#root {
    height: 100vh;
}

.scroll-y {
    overflow-y: scroll;
}

.scroll-x {
    overflow-x: scroll;
}

/* ----------------------------- */
/* ----------------------------- */
/* ----------------------------- */
/* ----------------------------- */
/* -----------背景颜色----------- */
/* ----------------------------- */
/* ----------------------------- */
/* ----------------------------- */
/* ----------------------------- */

.bg-primary {
    background: var(--ant-color-primary);
}

.bg-success {
    background: var(--ant-color-success);
}

.bg-warning {
    background: var(--ant-color-warning);
}

.bg-error {
    background: var(--ant-color-error);
}

.bg-info {
    background: var(--ant-color-info);
}

.bg-link {
    background: var(--ant-color-link);
}

.bg-white {
    background: var(--ant-color-white);
}

.bg-blue {
    background: var(--ant-blue);
}

.bg-purple {
    background: var(--ant-purple);
}

.bg-cyan {
    background: var(--ant-cyan);
}

.bg-green {
    background: var(--ant-green);
}

.bg-magenta {
    background: var(--ant-magenta);
}

.bg-pink {
    background: var(--ant-pink);
}

.bg-red {
    background: var(--ant-red);
}

.bg-orange {
    background: var(--ant-orange);
}

.bg-yellow {
    background: var(--ant-yellow);
}

.bg-volcano {
    background: var(--ant-volcano);
}

.bg-geekblue {
    background: var(--ant-geekblue);
}

.bg-gold {
    background: var(--ant-gold);
}

.bg-lime {
    background: var(--ant-lime);
}

.bg-layout {
    background: var(--ant-color-bg-layout);
}

.bg-container {
    background: var(--ant-color-bg-container);
}

/* ----------------------------- */
/* ----------------------------- */
/* ----------------------------- */
/* ----------------------------- */
/* -----------文字颜色----------- */
/* ----------------------------- */
/* ----------------------------- */
/* ----------------------------- */
/* ----------------------------- */

.text-primary {
    color: var(--ant-color-primary);
}

.text-success {
    color: var(--ant-color-success);
}

.text-warning {
    color: var(--ant-color-warning);
}

.text-error {
    color: var(--ant-color-error);
}

.text-info {
    color: var(--ant-color-info);
}

.text-link {
    color: var(--ant-color-link);
}

.text-white {
    color: var(--ant-color-white);
}

.text-blue {
    color: var(--ant-blue);
}

.text-purple {
    color: var(--ant-purple);
}

.text-cyan {
    color: var(--ant-cyan);
}

.text-green {
    color: var(--ant-green);
}

.text-magenta {
    color: var(--ant-magenta);
}

.text-pink {
    color: var(--ant-pink);
}

.text-red {
    color: var(--ant-red);
}

.text-orange {
    color: var(--ant-orange);
}

.text-yellow {
    color: var(--ant-yellow);
}

.text-volcano {
    color: var(--ant-volcano);
}

.text-geekblue {
    color: var(--ant-geekblue);
}

.text-gold {
    color: var(--ant-gold);
}

.text-lime {
    color: var(--ant-lime);
}

.text-base {
    color: var(--ant-color-text);
}

.text-secondary {
    color: var(--ant-color-text-secondary);
}

.text-tertiary {
    color: var(--ant-color-text-tertiary);
}

.text-quaternary {
    color: var(--ant-color-text-quaternary);
}